<section class="box" style="position: relative;">
  <header class="panel_header">
    <h2 class="title pull-left">
      <div fxFlex fxLayoutAlign="start center">
        <a href="http://h5.m.taobao.com/daren/home.html?userId={{liver.darenId}}" target="_blank" class="darenLogo">
          <img src="http://{{liver.logo}}" width="60" />
        </a>
        <a class="linkHover pl5" href="http://h5.m.taobao.com/daren/home.html?userId={{liver.darenId}}" target="_blank" [innerHTML]="liver.name"></a>

        <a class="pl5" href="https://{{liver.wangwangLink}}" title="旺旺联系" target="_blank">
          <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" t="1482398512446" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" p-id="1294" width="16" height="16">
            <path d="M384.887 78.974c49.902 20.708 109.436 49.030 150.577 80.414 6.443 4.932 14.14 7.952 22.219 8.718 221.978 21.474 389.374 192.954 389.374 398.878 0 221.168-195.314 401.108-435.405 401.108-240.135 0-435.491-179.94-435.491-401.108 0-170.205 117.196-322.334 291.652-378.594 19.562-6.315 32.042-25.429 29.937-45.883-2.274-22.285-7.038-43.823-12.863-63.533M305.027 2.791c0 0 41.588 67.847 49.413 144.157-187.321 60.406-321.823 225.507-321.823 420.034 0 245.534 214.492 444.653 479.036 444.653 264.543 0 478.949-199.119 478.949-444.653 0-229.93-187.829-418.908-428.729-442.21-90.491-69.039-256.846-121.981-256.846-121.981v0z" p-id="1295" fill="#1296db" />
            <path d="M572.378 595.941c-32.574 0-54.006 1.934-89.895 1.934 39.504-76.076 9.142-155.957-28.875-179.154 34.275-7.526 51.327-20.285 88.791-30.66 54.644 47.776 53.793 166.546 29.98 207.881z" p-id="1296" fill="#1296db" />
            <path d="M810.087 566.215c-32.743 0-54.091 1.915-89.897 1.915 39.334-76.055 9.058-156.021-29.043-179.154 34.402-7.441 51.454-20.262 88.79-30.66 54.73 47.882 53.877 166.567 30.15 207.9z" p-id="1297" fill="#1296db" />
          </svg>
        </a>
        <!-- taoabao -->
        <a class="grey-text pl5" title="去淘宝" href="http://h5.m.taobao.com/daren/home.html?userId={{liver.darenId}}" target="_blank"><i class="fa fa-external-link cp f16"></i></a>
      </div>
    </h2>
  </header>
  <ngx-busy [busy]="busy"></ngx-busy>
  <div class="content-body">
    <table class="responsive-table striped highlight">
      <thead>
        <tr>
          <th>粉丝数</th>
          <th>周销售额</th>
          <th>周销售量</th>
          <th>周成交均价</th>
          <th>月销售额</th>
          <th>月销售量</th>
          <th>月成交均价</th>
          <th>所属行业</th>
          <th>日期</th>
        </tr>
      </thead>
      <tbody>
        <tr class="repeat-item" *ngFor="let list of vm.table.livers  | paginate: { itemsPerPage: param.rows, currentPage: vm.page, totalItems: vm.table.count,id:'liver_person_history_table'};let $index = index;">
          <td>
            {{list.fansNum | bigNum}}
          </td>
          <td>{{list.sellMoney7Days|bigNum}}</td>
          <td>{{list.sellAmount7Days|bigNum}}</td>
          <td>{{list.price7Days|bigNum}}</td>
          <td>{{list.sellMoney30Days|bigNum}}</td>
          <td>{{list.sellAmount30Days|bigNum}}</td>
          <td>{{list.price30Days|bigNum}}</td>
          <td [innerHTML]="list.area |categoryName"></td>
          <td>
            {{list.date | dateFormat}}
          </td>
        </tr>
        <tr *ngIf="vm.table.livers.length==0 ">
          <td colspan="9">暂无搜索结果</td>
        </tr>
      </tbody>
    </table>
    <div class="center-align pt5">
      <pagination-controls class="center-align pt20" id="liver_person_history_table" (pageChange)="pageChanged($event)" maxSize="9" directionLinks="true" autoHide="true">
      </pagination-controls>
    </div>
  </div>
</section>
